page{
	background-color: #f6f6f6;
	font-size: 28rpx;
}

.card{
	background-color: #fff;
	border-radius: 10rpx;
}

.btn{
	width: 372rpx;
	height: 74rpx;
	margin: 0 auto;
	line-height: 74rpx;
	border-radius: 74rpx;
	color: #fff;
	background-color: #3dc787;
	text-align: center;
}


		
	.tabsbox{
		background-color: #fff;
		padding: 0 40rpx;
	}



image{display: block;}

.title{
	position: relative;
	line-height: 40rpx;
	padding-left: 28rpx;
	margin-top: 25rpx;
	
	&:after{
		content: '';
		position: absolute;
		top: 4rpx;
		left: 6rpx;
		width: 6rpx;
		height: 32rpx;
		border-radius: 6rpx;
		background-color: #0daef1;
	}
}

// 圆角按钮
.btn-fillet{
	width: 300rpx;
	height: 74rpx;
	line-height: 74rpx;
	text-align: center;
	color: #fff;
	border-radius: 10rpx;
	background-color: #12b3f1;
	box-shadow: 0 6rpx 6rpx #ace0f3;
}
// 胶囊按钮
.btn-capsule{
	width: 160rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	color: #fff;
	border-radius: 60rpx;
	background-color: #ecf5ff;
}
// 图片按钮
.btn-img{
	position: relative;
	width: 150rpx;
	height: 45rpx;
	line-height: 45rpx;
	text-align: center;
	color: #fff;
	image{
		width: 100%;
		height: 100%;
	}
	
	.tit{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.popup-submit-content{
	text-align: center;
	padding: 24rpx;
	min-width: 396rpx;
}

.popup-pay-mode{
	.popup-head{
		position: relative;
		text-align: center;
		line-height: 100rpx;
		font-size: 30rpx;
		.close{
			position: absolute;
			top: 34rpx;
			right: 50rpx;
			width: 34rpx;
			height: 34rpx;
		}
	}
	.popup-content{
		padding-left: 30rpx;
		padding-bottom: 32rpx;
		
		.item{
			height: 124rpx;
			border-bottom: 2rpx solid #efefef;
			padding-left: 8rpx;
			padding-right: 50rpx;
			
			.icon{
				display: block;
				width: 64rpx;
				min-width: 64rpx;
				height: 64rpx;
				margin-right: 16rpx;
				font-size: 30rpx;
			}
			.ricon{
				display: block;
				width: 42rpx;
				min-width: 42rpx;
				height: 34rpx;
			}
		}
		
		// 胶囊按钮
		.btn-capsule{
			width: 680rpx;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			font-size: 30rpx;
			color: #fff;
			border-radius: 60rpx;
			background-color: #12b3f1;
			margin: 160rpx auto 0;
		}
	}
}

.report-file{
	.inner{
		border: 2rpx solid #00b7ee;
		color: #00b7ee;
		border-radius: 10rpx;
		height: 118rpx;
		padding-left: 30rpx;
		padding-right: 20rpx;
		background-color: #fff;
		
		image{
			width: 80rpx;
			min-width: 80rpx;
			height: 80rpx;
			margin-right: 30rpx;
		}
		.tit{}
		.time{
			font-size: 26rpx;
			color: #999;
			margin-top: 10rpx;
		}
	}
	
	.btn-change{
		margin-left: 30rpx;
		border-radius: 10rpx;
		border: 2rpx solid #00b7ee;
		color: #00b7ee;
		padding: 8rpx;
		min-width: 96rpx;
		font-size: 26rpx;
		text-align: center;
	}
}



.my-health{
	.header{
		position: relative;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	
		.outer{
			text-align: center;
			padding-bottom: 56rpx;
			.tit{
				font-size: 32rpx;
				color: #fff;
				margin-top: 40rpx;
			}
			.money{
				font-size: 44rpx;
				font-weight: 700;
				color: #fff;
				margin-top: 10rpx;
			}
			.btn-box{
				margin-top: 24rpx;
				.btn-withdraw-log,.btn-withdraw{
					width: 185rpx;
					height: 60rpx;
					
					image{
						width: 44rpx;
						min-width: 44rpx;
						height: 44rpx;
						margin-right: 14rpx;
					}
				}
				.btn-withdraw-log{
					background-color: #1498ce;
					border-radius: 60rpx 0 0 60rpx;
					color: #fff;
					image{
						width: 34rpx;
						min-width: 34rpx;
						height: 32rpx;
						margin-right: 10rpx;
					}
				}
				.btn-withdraw{
					background-color: #ecf5ff;
					border-radius: 0 60rpx 60rpx 0;
					color: #e1a31d;
				}
			}
			
		}
		
	}
	
	.databox{
		position: relative;
		padding: 0 30rpx;
		margin-top: -40rpx;
		
		.inner{
			border-radius: 10rpx;
			background-color: #fff;
			color: #333333;
			padding: 30rpx 4rpx;
			box-shadow: 0 4rpx 10rpx #ddd;
		}
		.item{
			width: 25%;
			// border-right: 2rpx solid #efefef;
			text-align: center;
	
	
			.num{
				font-size: 32rpx;
				margin-top: 28rpx;
				font-weight: 500;
			}
		}
	
	}
	
	.content{
		padding: 20rpx 30rpx;
		
		.head{
			padding: 0 12rpx;
			line-height: 56rpx;
			
			.tab{
				position: relative;
				margin-right: 50rpx;
				
				&.on{
					color: #00b7ee;
				}
				&.on:after{
					content: '';
					position: absolute;
					width: 90rpx;
					height: 6rpx;
					border-radius: 6rpx;
					bottom: -6rpx;
					left: 50%;
					margin-left: -45rpx;
					background-color: #00b7ee;
				}
			}
			
			
			.year{}
			.month{}
		
			.datenum{
				color: #333;
				width: 104rpx;
				font-weight: 700;
				text-align: right;
				margin-right: 8rpx;
			}
			/deep/.u-icon__icon{
				transform:scaleY(.86);
			}
		}
		
		.reg-list{
			border-radius: 10rpx;
			padding-top: 1px;
			padding-right: 10rpx;
			padding-bottom: 20rpx;
			background-color: #fff;
			margin-top: 24rpx;
			
			.item{
				position: relative;
				padding-left: 30rpx;
				padding-right: 34rpx;
				padding-top: 30rpx;
				padding-bottom: 46rpx;
				border-bottom: 2rpx solid #f7f7f7;
				.avatar{
					width: 118rpx;
					min-width: 118rpx;
					height: 118rpx;
					margin-right: 16rpx;
					border-radius: 50%;
				}
				.tit{
					margin-top: 10rpx
				}
				.time{
					font-size: 24rpx;
					color: #999999;
					margin-top: 34rpx;
				}
				
				.status{
					position: absolute;
					width: 114rpx;
					height: 102rpx;
					right: 24rpx;
					bottom: 0;
				}
			}
		}
		
		.order-list{
			border-radius: 10rpx;
			padding: 1px 10rpx 20rpx;
			background-color: #fff;
			margin-top: 24rpx;
			
			.item{
				position: relative;
				padding: 30rpx 10rpx;
				border-bottom: 2rpx solid #f7f7f7;
				.avatar{
					width: 80rpx;
					min-width: 80rpx;
					height: 80rpx;
					margin-right: 40rpx;
					border-radius: 50%;
				}
				.tit{}
				.time{
					font-size: 24rpx;
					color: #999999;
					margin-top: 12rpx;
				}
				
				.tag1,.tag2,.tag3,.tag4,.tag5{
					width: 112rpx;
					height: 38rpx;
					line-height: 38rpx;
					border-radius: 4rpx;
					text-align: center;
					font-size: 24rpx;;
					margin-left: 30rpx;
				}
				.tag1{
					color: #357505;
					background-color: #e7fad8;
				}
				.tag2{
					color: #b19526;
					background-color: #f7f3d2;
				}
				.tag3{
					color: #00b7ee;
					background-color: #dcf6ff;
				}
				.tag4{
					color: #00b7ee;
					background-color: #dcf6ff;
				}
				.tag5{
					color: #00b7ee;
					background-color: #dcf6ff;
				}
				
				.money{
					color: #ea8118;
				}
			}
		}
	}
	
}

.my-withdraw-log{
	.header{
		position: fixed;
		width: 100%;
		z-index: 999;
		background-color: #f6f6f6;
		
		.tit{
			padding-left: 88rpx;
			padding-right: 64rpx;
			margin-top: 24rpx;
			height: 54rpx;
			line-height: 54rpx;
			
			.datenum{
				color: #333;
				margin-right: 16rpx;
			}
			/deep/.u-icon__icon{
				// transform:scaleY(.86);
			}
			
			.money{
				font-size: 26rpx;
				color: #808080;
			}
		}
	}
	
	.content{
		padding: 160rpx 20rpx 40rpx;
		
		.item{
			border-radius: 10rpx;
			background-color: #fff;
			padding-left: 4rpx;
			padding-right: 6rpx;
			padding-top: 6rpx;
			padding-bottom: 12rpx;
			margin-top: 20rpx;
			
			.top{
				border-bottom: 2rpx solid #f6f6f6;
				// line-height: 74rpx;
				padding-top: 25rpx;
				padding-bottom: 22rpx;
				padding-left: 32rpx;
				padding-right: 38rpx;
				.status{
					font-size: 24rpx;
				}
				
				.memo{
					margin-top: 16rpx;
					font-size: 24rpx;
					color: #666666;
				}
			}
			.bottom{
				line-height: 62rpx;
				padding-left: 32rpx;
				padding-right: 38rpx;
				color: #808080;
				font-size: 24rpx;
				
				.type{
					margin-left: 30rpx;
				}
			}
		}
		
	}
}

.my-withdraw{
	.header{
		padding: 44rpx 20rpx 0;
		background-color: #fff;
		
		.top{
			text-align: center;
			border-bottom: 2rpx solid #efefef;
			padding-bottom: 44rpx;
			.tit{
				font-size: 30rpx;
			}
			.money{
				font-size: 40rpx;
				font-weight: 500;
				margin-top: 50rpx;
			}
		}
		.bottom{
			padding: 20rpx 0;
			.item{
				padding: 12rpx 20rpx;
				color: #808080;
				font-size: 26rpx;
			}
		}
	}
	
	.content{
		margin-top: 24rpx;
		.tit{
			font-size: 32rpx;
			padding: 20rpx 40rpx 26rpx;
			background-color: #fff;
			border-bottom: 2rpx solid #efefef;
		}
		.cellbox{
			background-color: #fff;
			padding: 0 20rpx;
			.item{
				border-bottom: 2rpx solid #efefef;
				padding: 30rpx 22rpx;
				padding-right: 48rpx;
				
				&:last-child{
					border: none;
				}
				
				.licon{
					margin-right: 20rpx;
					width: 50rpx;
					min-width: 50rpx;
					height: 50rpx;
				}
				.ricon{
					width: 40rpx;
					height: 40rpx;
				}
			}
		}
		
	}
	.btn-fillet{
		margin: 46rpx auto;
	}
	
}

.quick{
	.header{
		padding-top: 30rpx;
		.pic{
			width: 503rpx;
			height: 446rpx;
			margin: 0 auto;
		}
		
		.tip{
			text-align: center;
			font-size: 32rpx;
			color: #999999;
			margin-top: 70rpx;
			
			text{
				color: #12b3f1;
			}
		}
	}
	
	.content{
		margin-top: 90rpx;
		padding: 0 36rpx;
		.item{
			border-radius: 10rpx;
			background-color: #fff;
			padding: 30rpx 48rpx;
			padding-right: 34rpx;
			margin-bottom: 24rpx;
			box-shadow: 0 4rpx 10rpx #d8e9f9;
			
			.licon{
				width: 86rpx;
				min-width: 86rpx;
				height: 86rpx;
				margin-right: 20rpx;
			}
			.tit{
				font-size: 32rpx;
			}
			.price{
				font-size: 32rpx;
				color: #f48e17;
				margin-left: 66rpx;
			}
			.con{
				font-size: 26rpx;
				color: #717171;
				margin-top: 20rpx;
			}
			.ricon{
				width: 44rpx;
				min-width: 44rpx;
				height: 44rpx;
			}
		}
	}
}

.quick-diag{
	.content{
		padding: 30rpx 20rpx;
		
		.diag_title{
			background-color: #fff;
			border-radius: 12rpx 12rpx;
			margin-bottom: 30rpx;
			
			.head{
				background-color: #f6e9bd;
				padding: 20rpx 44rpx 14rpx;
				border-radius: 12rpx 12rpx 0 0;
				font-size: 26rpx;
				color: #d48d01;
			}
			
			.userinfo{
				padding: 18rpx 44rpx 32rpx 26rpx;
				
				.avatar{
					width: 114rpx;
					min-width: 114rpx;
					height: 114rpx;
					margin-right: 10rpx;
					border-radius: 50%;
				}
				
				.tit{
					margin-bottom: 16rpx;
					
					.name{
						font-size: 28rpx;
						margin-bottom: 6rpx;
						font-weight: 500;
					}
					.zc{
						font-size: 24rpx;;
						margin-left: 8rpx;
					}
					
					.follow{
						width: 117rpx;
						min-width: 117rpx;
						height: 46rpx;
					}
				}
				
				.con{
					font-size: 24rpx;;
					color: #666666;
					margin-top: 24rpx;
					
					.btn-text-detail{
						color: #27cf79;
						margin-left: 20rpx;
						padding: 10rpx;
					}
				}
			}
			
		}
		
		.card{
			padding: 2rpx 30rpx 90rpx;
			
			.title{
				margin-top: 20rpx;
			}
		}
		
		.seeadoctor{
			padding: 10rpx 0 32rpx;
		}
		.ComPopup_listname,.ComPopup_listadd{
			display: inline-block;
			width: 92rpx;
			height: 92rpx;
			line-height: 88rpx;
			border-radius: 50%;
			border: 2rpx solid #00b7ee;
			color: #00b7ee;
			text-align: center;
			font-size: 84rpx;
			vertical-align: top;
			margin-right: 26rpx;
			margin-top: 20rpx;
		}
		.ComPopup_listname{
			font-size: 28rpx;
			
			&.listname_a{
				color: #fff;
				background-color: #00b7ee;
			}
		}
		
		.objective{
			padding: 20rpx 0 44rpx;
			.item{
				display: inline-block;
				width: 142rpx;
				height: 58rpx;
				line-height: 54rpx;
				border: 2rpx solid #d9d9d9;
				border-radius: 10rpx;
				color: #666666;
				text-align: center;
				margin-top: 20rpx;
				margin-right: 26rpx;
				
				&:nth-child(4n){margin-right: 0;}
				
				&.on{
					border-color: #00b7ee;
					color: #00b7ee;
				}
			}
		}
		
		.describe{
			border: 1px solid #e6e6e6;
			border-radius: 10rpx;
			padding: 20rpx 30rpx;
			margin-top: 30rpx;
			margin-bottom: 54rpx;
			
			.describe_textarea{
				font-size: 28rpx;
				width: 100%;
				height: 280rpx;
			}
		}
		
		.imgList{
			margin-top: 26rpx;
		}
		
		.btn-fillet{
			margin: 28rpx auto 0;
		}
		
		
		// 选择报告按钮
		.file-box{
			padding: 20rpx 0 44rpx;
			
			.btn-addfile{
				border: 2rpx solid #00b7ee;
				background-color: rgba(#77ddff,0.1);
				color: #00b7ee;
				text-align: center;
				border-radius: 10rpx;
				width: 136rpx;
				height: 118rpx;
				font-size: 26rpx;
				
				image{
					width: 44rpx;
					height: 44rpx;
					margin: 16rpx auto 10rpx;
				}
			}
			
		}
	
		.payInfo{
			padding: 10rpx;
			.item{
				padding: 20rpx 14rpx;
				border-bottom: 2rpx solid #f6f6f6;
			}
			
			.coupon{
				.price{
					margin-left: 18rpx;
					color: red;
				}
			}
			
			.hjprice{
				padding: 30rpx 10rpx;
				.price{
					margin-left: 50rpx;
					color: red;
				}
			}
		}
		
		.xdtip{
			border-radius: 10rpx;
			background-color: rgb(218, 242, 249);
			font-size: 26rpx;
			color: rgb(63, 200, 240);
			padding: 20rpx 30rpx;
		}
		
	}
	
	.footer-fixed{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 88rpx;
		line-height: 88rpx;
		z-index: 9999;
		background-color: #fff;
		
		.hjprice{
			padding-left: 30rpx;
			.price{
				color: red;
				margin-left: 20rpx;
			}
		}
		
		.btn-fillet{
			height: 88rpx;
			line-height: 88rpx;
			border-radius: 0;
		}
	}
	
}

.check-select-business{
	.content{
		padding-top: 120rpx;
		padding-bottom: 2rpx;
	}
	/* 搜索 */
	.doclist_search {
		position: fixed;
		width: 100%;
		z-index: 999;
		background-color: rgba(0,0,0,.48);
		
		.outer{
			padding: 22rpx 0 30rpx;
			background-color: #fff;
			box-shadow: 0 2rpx 6rpx #eee;
		}
		
		.search-box{
			padding: 0 36rpx;
		}
		
		.funnel{
			margin-top: 56rpx;
			
			/deep/.u-icon__icon{
				transform:scaleY(.86);
			}
		}
		
		.funnel-mode{
			position: absolute;
			width: 100%;
			top: 120rpx;
			bottom: 300rpx;
			border-top: 4rpx solid #f6f6f6;
		}
		.area-list{
			height: 100%;
			background-color: #fff;
			line-height: 80rpx;
			color: #666666;
			
			.left{
				height: 100%;
				overflow-y: scroll;
				background-color: #f0f0f0;
				min-width: 150rpx;
				
				.item{
					padding: 0 30rpx;
					
					&.on{
						color: #12b3f1;
					}
				}
			}
			.right{
				height: 100%;
				overflow-y: scroll;
				
				.item{
					padding: 0 30rpx;
					
					&.on{
						color: #12b3f1;
					}
				}
			}
		}
	}
	
	.list{
		padding: 0 20rpx;
		.item{
			padding: 26rpx;
			padding-right: 44rpx;
			background-color: #fff;
			border-radius: 10rpx;
			margin-top: 20rpx;
			.avatar{
				display: block;
				width: 168rpx;
				min-width: 168rpx;
				height: 160rpx;
				border-radius: 10rpx;
				margin-right: 18rpx;
			}
			.tit{}
			.con,.address{
				font-size: 24rpx;;
				color: #c2c2c2;
			}
			.con{
				margin-top: 24rpx;
			}
			.address{
				margin-top: 14rpx;
			}
			.btn-box{
				padding-right: 40rpx;
			}
		}
	}
}

.check-list{
	.content{
		padding: 1rpx 20rpx;
	}
	
	.card{
		background-color: #fff;
		border-radius: 10rpx;
		margin-top: 20rpx;
		padding: 20rpx 16rpx 20rpx;
		.head{
			padding: 0 16rpx;
			line-height: 72rpx;
			border-bottom: 2rpx solid #f5f5f5;
			color: #12b3f1;
		}
		
		.cellbox{
			padding: 10rpx 16rpx;
			line-height: 30rpx;
			
			.cell{
				padding: 16rpx 0;
			}
		}
		.label{
			width: 150rpx;
			min-width: 150rpx;
		}
	}
}

.coupon-list{
	.header{
		position: fixed;
		width: 100%;
		z-index: 999;
	}
	
	.content{
		padding: 112rpx 20rpx 40rpx;
		.item{
			border-radius: 6rpx;
			background-color: #fff;
			padding-right: 16rpx;
			margin-bottom: 20rpx;
			min-height: 194rpx;
			.price{
				border-radius: 6rpx 0 0 6rpx;
				position: relative;
				width: 190rpx;
				min-width: 190rpx;
				background: linear-gradient(to right, #7fdbf6, #00b7ee);
				font-size: 54rpx;
				color: #fff;
				
				&:before{
					content: '';
					position: absolute;
					width: 32rpx;
					height: 32rpx;
					border-radius: 50%;
					background-color: #f6f6f6;
					left: -16rpx;
					top: 50%;
					margin-top: -16rpx;
				}
				text{
					font-size: 24rpx;;
				}
				.tip{
					font-size: 24rpx;;
				}
				
			}
			
			.info{
				margin-left: 20rpx;
				padding-top: 12rpx;
				
				.tit{
					font-size: 26rpx;
					line-height: 40rpx;
				}
				.code,.time,.tip{
					font-size: 24rpx;;
					color: #999999;
					padding: 4rpx 0;
				}
				.code{}
				.time{}
				.tip{
					color: #f48e17;
				}
			}
			
			.rbox{
				padding-bottom: 22rpx;
				.sticker{
					width: 114rpx;
					min-width: 114rpx;
					height: 86rpx;
				}
				.btn-capsule{
					width: 128rpx;
					height: 52rpx;
					line-height: 52rpx;
					background-color: #12b3f1;
					font-size: 24rpx;
				}
			}
			
			&.status1,&.status2{
				.price{
					background: #cecece;
				}
			}
		}
	}
		.item{}
}

.my-doctor{
	.header{
		position: fixed;
		width: 100%;
		line-height: 88rpx;
		background-color: #fff;
		z-index: 9999;
		.item{
			font-size: 30rpx;
			&.on{
				color: #0dbaee;
			}
		}
	}
	
	.content{
		padding: 108rpx 20rpx 0;
		.list{
			.item{
				padding: 26rpx 14rpx;
				padding-right: 20rpx;
				border-radius: 10rpx;
				background-color: #fff;
				margin-bottom: 20rpx;
				
				.avatar{
					width: 104rpx;
					min-width: 104rpx;
					height: 104rpx;
					border-radius: 50%;
				}
				
				.info{
					margin-left: 20rpx;
					.tit{
						height: 52rpx;
						.name{}
						.btn-capsule{
							width: 146rpx;
							height: 52rpx;
							line-height: 48rpx;
							background-color: #fff;
							border: 2rpx solid #b1b1b1;
							font-size: 24rpx;
							color: #333;
						}
						.tag{
							height: 38rpx;
							line-height: 38rpx;
							background-color: #e0f2d3;
							border-radius: 4rpx;
							font-size: 24rpx;;
							color: #37951d;
							padding: 0 16rpx;
							
							text{
								margin-left: 12rpx;
							}
						}
					}
					
					.con{
						color: #808080;
						font-size: 24rpx;;
						padding-right: 114rpx;
					}
					.time{
						font-size: 24rpx;;
						margin-top: 10rpx;
					}
				}
				
				.status{
					color: #666;
				}
				
				&.normal{
					.status{
						color: #f48e17;
					}
				}
				&.patient{
					.status{
						color: #12b3f1;
					}
				}
				&.end{
					.status{
						color: #999999;
					}
				}
			}
		}
	}
	
}






